<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<style>
			.box1{
				/* border-widih: 10px;
				border-color: red;
				border-style:solid; */  /* 实线 */
				 /* 边框的复合写法:
				 border:颜色 粗细 样式；（顺序不论）
				 */
				/* solid:实线  dashed:虚线  dotted:点线 */
				/* px:像素 */
				/* 颜色的写法:
				 颜色英语单词,rgb(0~255),#3E40FF
				 rgb(53,150,241)
				 */
				border: 1px solid #e370ff;
			    width: 200px;     /* 宽:像素 */
			    height:300px ;   /* 高：px  */
				/* padding:20px; */
				/* top:上 left:左   bottom:下   right:右   center:居中 */
				/* padding-top:30px;
				padding-left:10px;
				padding-bottom:20px;
				padding-right:40px; */
				/*
				复合写法：
				padding：一个值(上下左右);
				padding:两个值(上下、左右);
				padding：三个值(上、左右、下);
				padding:四个值(上、右、下、左 > 顺时针)
				*/
				padding:30px 20px 10px 40px;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			hello world!
		</div>
	</body>
</html>